<script src="__CDN__/grid-report/grhtml5-6.7-min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
  //创建报表显示器，参数指定其在网页中的占位标签的ID，关联的报表模板URL，关联的报表数据URL
  var rent_mark = '{$rent_mark}';
  if (rent_mark == 'Y') {
    var reportViewer = rubylong.grhtml5.insertReportViewer("report_holder", urlAddRandomNo("__REPORT__/receipt.grf"));
  } else {
    var reportViewer = rubylong.grhtml5.insertReportViewer("report_holder", urlAddRandomNo("__REPORT__/liquidation.grf"));
  }

  reportViewer.dataPrepared = false;   //指定报表生成需要加载报表数据
  var dataUrl = 'queryData.html?id=' + {$id};
  $.getJSON(dataUrl, function (data) {
    reportViewer.loadData(data);
  });

  //启动报表运行，生成报表
  reportViewer.start();

  //为URL追加一个名为id的随机数参数，用于防止浏览器缓存。
  //报表模板重新设计后，因为浏览器缓存而让报表生成不能反映出新修改的设计结果，URL后追加一个随机数参数可以避免这样的问题
  //参数url必须是静态的URL，其后本身无任何参数
  //如果模板几乎不怎么修改，可以去掉对本函数的调用
  function urlAddRandomNo(url) {
    // return url + "?id=" + Math.floor(Math.random() * 10000);
    return url;
  }
</script>
<br>
<div style="padding-left: 20px;">
  <!--startprint-->
  <div id="report_holder" style="width: 100%; padding-left: 5px; font-weight: 100;">
    <!--报表占位标签，生成的报表将显示到这里-->
  </div>
  <!--endprint-->
</div>
<br>
<div style="padding-left: 30px;">
  <a class="layui-btn layui-btn-normal layui-btn-xs" onclick="doPrint()"><i class="layui-icon">&#xe66d;</i>打印</a>
  <a class="layui-btn layui-btn-normal layui-btn-xs" onclick="showWater()"><i class="layui-icon">&#xe68d;</i>历史水电</a>
</div>
<script language="javascript">
  function doPrint() {
    $('tbody').css("border","none");
    bdhtml = window.document.body.innerHTML;
    sprnstr = "<!--startprint-->";
    eprnstr = "<!--endprint-->";
    prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
    prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
    window.document.body.innerHTML = prnhtml;
    window.print();
  }
  function showWater() {
    var number_id = '{$number_id}';
    var property_id = '{$property_id}';
    var tenant_id = '{$tenant_id}';
    xadmin.open('历史水电', 'water.html?number_id=' + number_id + '&property_id=' + property_id + '&tenant_id=' + tenant_id,700,430);
  }
  setTimeout(function () {
    $('tbody').css("border","1px solid #000");
  }, 1000);
</script>